@import "./_default";
@import "./_minix";
.public-header {
    box-shadow: 0 5px 10px rgba(204, 204, 204, 0.16);
    z-index: 9;
    background: white;
    @include position(fixed, 0, 0, $l: 0);
    @include size(50px, 100%);
    &-icon {
        display: inline-block;
        @include size(50px, 60px);
        @include position(absolute, 0);
        &.icon1 {
            background: url("../assets/img/slider-icon.png") center center no-repeat;
            border-right: 1px solid rgba(204, 204, 204, 0.4);
            background-size: 30%;
            left: 0;
        }
        &.icon2 {
            background: url("../assets/img/user-icon.png") center center no-repeat;
            border-left: 1px solid rgba(204, 204, 204, 0.4);
            background-size: 22% 40%;
            right: 0;
        }
        &.icon3 {
            background: url("../assets/img/loginout.png") center center no-repeat;
            border-left: 1px solid rgba(204, 204, 204, 0.4);
            right: 0;
        }
    }
    h3 {
        text-align: center;
        vertical-align: middle;
        height: 100%;
        @include display(flex, $justify: center, $align:center);
    }
    .public-logo {
        height: 70%;
    }
}